<template>
  <div>
    <p>权限管理-角色页面</p>
    <div>
      <input type="text" v-model.number="number" />
    </div>
    <p>
      {{ tweened.number.toFixed(0) }}
    </p>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, watch } from 'vue'
import gsap from 'gsap'
const number = ref(0)
const tweened = reactive({ number: 0 })
watch(number, n => {
  gsap.to(tweened, { duration: 0.5, number: Number(n) || 0 })
})
</script>

<style scoped></style>
